function checkUsername() {
//    判断有没有进方法，有几种形式
//    1.可以打印一句话到控制台
//     console.log(111)
//    2.可以弹出一个对话框
//     alert(1111)//少用
//
//    要得到当前对象的值。怎么拿？
//     document.getElementById("username");//拿到对象
//    js的数据类型
//    五种数据类型   布尔，数值，字符串值，对象，数组
//     js定义数据类型的三种形式
//     var
//    let
//    const
//     var username = "aaa";//全局变量
//     let age = 19;//局部变量
//     const sex = "fele";//常量
//     for (let i=0;i<3;i++){
//         var username1 = "aaa1";//全局变量
//         let age1 = 191;//局部变量
//         const sex1 = "fele1";//常量
//     }
// let phone="32141234";
//    js定义数据类型都可以用var，let  const
//    js的数值  整数，小数
//    js的字符串   用引号，单双引号都可以
//    js的布尔值表示方式   true，false
//    js的对象表示方式：｛key:value,key:value｝
//    js的数组表示方式：["afd",321,"fas"];
//     let aa=[1,'3',"fds",true,{name:supeng,age:19}];//弱类型语言
//
    // let str="fasdfa fadsfasdfa dfads df fdsfd gfg ";
    //
    // let reg = /2{3}/;//正则表达式的格式  双斜杠里面加字符
    // let aa = new RegExp(/aaa/);//构造方法的正则表达式,这种比上面要灵活
    // if (username.length < 6 || username.length > 16) {
    //     console.log("你输入的用户名不符合");
    // } else {
    //     console.log("zhengque");
    // }
    // if(username)
//    需要判断当前值的数据类型
//     console.log(typeof username);
//    判断当前数据类型是否是数值，只需要将当前数据转换为数值；
//   因为如果要讲用户名判断是否为数字开头，和长度都要进行比较，需要的代码量比较大，而且比较繁琐
//    所以这里推荐引入js正则表达式
//     let username = document.getElementById("username").value;//得到的是对象

    // let reg = /^[a-zA-Z0-9_-]{4,16}$/;
    let username = $("#username");
    let reg = /^[A-z]\w{5,15}$/;
    return tips(reg.test(username.val()), $("#username"), "zhengque", "error");
    // let obj = {};//提示的div
    // $("#username").parent().next();
    // $(obj).html("zhengque");
    // console.log(obj)

    // if (reg.test(username)) {
    //     // console.log("zhengque");
    //     // document.getElementById("uTips").innerHTML="zhengque";
    //
    //     // $("#uTips").css({"color": "green","background-color":"yellow"});
    //     $("#uTips").html("zhengque");
    //     $("#uTips").removeClass("error-tis");
    //     $("#uTips").addClass("success-tis");
    //     // document.getElementById("uTips").style.color="green";
    // } else {
    //     $("#uTips").html("error");
    //     $("#uTips").removeClass("success-tis");
    //     $("#uTips").addClass("error-tis");
    //     // console.log("error");
    //     // document.getElementById("uTips").innerHTML = "error";
    //     // document.getElementById("uTips").style.color = "red";
    // }
}

function checkPass() {
    let pass = $("#password");
    let reg = /^[A-z]\w{5,15}$/;
    tips(reg.test(pass.val()), $("#password"), "zhengque", "error");
}

function checkPassDouble() {
    let pass = $("#password").val();
    let checkPass = $("#checkPass");
    let reg = /^[A-z]\w{5,15}$/;
    tips(reg.test(checkPass.val()), checkPass, "zhengque", "error");
    return tips(pass == checkPass.val(), checkPass, "zhengque", "error");
}

function tips(boo, obj, success, error) {
    let oo = $(obj).parent().next();
    if (boo) {
        oo.html(success);
        oo.removeClass("error-tis");
        oo.addClass("success-tis");
        return true;
    } else {
        oo.html(error);
        oo.removeClass("success-tis");
        oo.addClass("error-tis");
        return false;
    }
}

function checkPhone() {
    return true;
}

function register() {
    //首先判断当前的输入是否完全正确

    if (checkUsername() && checkPassDouble() && checkPhone()) {
        //开始提交数据到后台,数据都是以json对象的形式传递
        // console.log(11)
        // let  a={username:"supeng",pass:"1234565"};
        // let b={username:"supeng","pass":"321423"};
        let da = {
            username: $("#username").val(),
            password: $("#password").val(),
            phone: $("#phone").val(),
            weight: $("#weight").val(),
            email: $("#email").val(),
            sex: $('input:radio[name=sex]:checked').val(),
            hobby: getHobby(),
            birthday: $("#birthday").val()
        };
        // console.log(data);
        $.ajax({
            url: '/register',//对应的是后台servlet的webServlet的注解
            data: da,//da 前端传递到后端的数据
            type: 'post',
            dataType: 'json',//注意：T大写
            success: function (data) {//后端响应给前台的数据

                if (data.result == 'success') {
                    //注册成功跳转到登录页面
                    //     1.在当前页面跳转登录页面
                    window.open("/html/login.html", "_self")
                } else if (data.result == 'isHave') {
                    alert("已经被注册");
                } else {
                    alert("注册失败");
                }
            }
        });
    } else {
        console.log("请填写完整");
    }


}

function getHobby() {

    let hobby = '';
    $('input:checkbox[name=hobby]').each(function () {

        if ($(this).prop('checked')) {
            hobby += $(this).val() + ',';
        }
    });
    if (hobby != '') {
        hobby = hobby.substring(0, hobby.lastIndexOf(','));
    }
    return hobby;
}